@charset "utf-8";
@import url('reset.css?v=0.070');
@import url('swiper.min.css?v=0.026');
@import url('font-awesome/css/font-awesome.min.css');
@font-face {
   font-family: "HARMONYOS_LIGHT"; 
   src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_LIGHT.TTF"); 
}  
@font-face {
   font-family: "HARMONYOS_MEDIUM"; 
   src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_MEDIUM.TTF"); 
}  
@font-face {
   font-family: "HARMONYOS_REGULAR"; 
   src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_REGULAR.TTF"); 
}  
@font-face {
   font-family: "nanshen"; 
   src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/nanshen.OTF"); 
}  
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input,select,button,textarea{font-family: 'HARMONYOS_REGULAR', Arial, Helvetica, sans-serif;}
body{font-family: 'HARMONYOS_REGULAR', Arial, Helvetica, sans-serif; background-color: #fff; font-size: 14px; color: #000;}
a{background:transparent;text-decoration:none;color:#000}
a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#bd273a}
.wrapper{width:1300px; margin: 0 auto;}
.w {
	width:92%; 
	max-width:1700px;
	margin:0 auto;
}
.w_w{
	width:calc(92% + 90px); 
	max-width:1790px;
	margin:0 auto; 
}
.w5 {
    width: 50%;
}
.w1200{width: 1200px; margin: 0 auto;}
.pf{position: fixed; z-index: 1;}
.pz{position:relative;z-index: 1}
.pa{position:absolute;z-index: 1999}
.bz{box-sizing:border-box}
.hidden{display:none !important}
.ov{overflow: hidden;}
::placeholder{color: #666 !important;}
.cb{clear:both}
.vs{overflow:visible !important}
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: center;}
.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}
.flexColumnJb{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between;}
.transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.textEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line6 {
    -webkit-line-clamp: 6;
}
.line5 {
    -webkit-line-clamp: 5;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line1 {
    -webkit-line-clamp: 1;
}
/*.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}*/
table{border-collapse: collapse;}
table td{border: 1px solid #bbbbbc;}
.db{display: block;}
.clear{clear: both;}
img{max-width: 100%;}
.mb30{margin-bottom:0.3rem!important;}
.mb50{margin-bottom:0.5rem!important;}
.mb140{margin-bottom:1.4rem!important;}
.black{color:#000000!important;}
.hui3{background:#f3f3f3!important;}
.hui4{background:#e6e7e8!important;}
.mt50{margin-top:0.5rem !important;}
.mt30{margin-top:0.3rem !important;}
.hui{background:#e6e7e8!important;}
.hui2{background:#fcfcfb!important;}
.huic{color:#545454!important;}
.w80{ margin:0 auto; width:80%;}
.w70{ margin:0 auto; width:70%;}
.pc{ display:block;}
.hidden-m{ display:none;}
.m-height {
   height:1.6rem;
}
/*头部*/
header{width: 100%; height:70px; z-index: 1001 !important; background:#2c2c2c;  }
header section{height:70px;}
header .logo img{height:30px;}
/*导航*/
nav{height:70px; font-family:"HARMONYOS_LIGHT";}
nav>ul>li{padding: 0 20px; height:70px; cursor: pointer;}
nav>ul>li:first-child{margin-left: 0;}
nav>ul>li>a.nav-link{ height:70px;  font-size: 14px; color: #bcbcbc; line-height:70px; position: relative; text-transform:uppercase;}
nav>ul>li>a.nav-link:hover, nav>ul>li.active>a.nav-link{color:#fff;}
nav>ul>li>a.nav-link:hover::after, nav>ul>li.active>a.nav-link::after {
   content: ' ';
   position: absolute;
   left:calc(50% - 4px);
   bottom: 16px;
   width: 5px;
   height: 5px;
   background-color:#fff;
   border-radius: 2.5px;
}
/*导航下拉*/
nav li .subnav{left:0; display:none; top:70px; width:100%;  background:#414141; padding:20px 0; position:absolute; z-index:9;}
nav li:hover .subnav{display: block; animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;}
nav li .subnav dl{ margin:0 30px;}
nav li .subnav dl dt a{ color:#FFFFFF; font-size: 14px;}
nav li .subnav dl dt{ margin-bottom:10px;}
nav li .subnav dl dd{ line-height:2; }
nav li .subnav dl dd a{ color: #bcbcbc; font-size: 14px; }
nav li .subnav dl dd a:hover{ color: #fff;}
.m-navbth{display: none;}
/*导航搜索*/
.lan{color: #bcbcbc; line-height:70px; height:70px; margin-left:20px; font-family:"HARMONYOS_LIGHT"; font-size:14px;}
.search_c {
    width: 40px; margin-left:20px; cursor:pointer; 
}
.search_c span,.lan span{color: #bcbcbc; }
.lan dl{left:0; top:70px; width:80px;  display: none; background:#414141; padding:10px 0;}
.lan:hover dl{display: block; animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;}
.lan>dl dd{padding:0 20px; }
.lan dl a{font-size: 14px; color: #fff; display:block; line-height:30px;}
nav .tsearch {
	position: absolute;
	width:260px;
	right:0;
	top: 53px;
	z-index: 99;
	display:none;
	border:1px solid #fff;
	background: #fff;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3);
}
nav .tsearch.active {
	display:block;
}
nav .tsearch .txt {
	width: 84%;
	float:left;
	color: #666;
	text-indent:10px; 
	border:none;
	font-size:14px;
	height:40px;
 }
nav .tsearch button {
	float:left;
	color:#bcbcbc; 
	background:none;
	width: 16%;
	height:42px;
	font-size:14px;
	border:none;
	text-align: center; 
	cursor:pointer;
	display:block;
}
nav.tsearch button span {
	font-size:24px;
}
/*轮播图*/
.indexbanner,.index_xc,.index_one,.index-tw,.bus-banner{width:100%;}
.indexbanner{padding-top:70px;}
.indexbanner video,.indexbanner img,.index_one_img img,.bus-banner img,.index_one_img img,.index_xc .swiper-slide img{width:100%;} 
.indexbanner video{ margin:0; padding:0;}
.play{ width:35px; height:35px; background:url(../images/play.png) no-repeat; background-size:35px 35px;  position:absolute; z-index:2; top:calc(50% - 17.5px); display:none; left:calc(50% - 17.5px);}
.play.active{ display:block;}
/*内容一*/
.index_one_text{ position:absolute; z-index:2; left:0; top:0; height:100%; width:100%;}
.index_one_title,.index-about-tit,.index-history-tit,.index-products-tit,.index-project-tit,.smart_one_wz{ font-family:"HARMONYOS_MEDIUM"; font-size:40px;}
.index_one_title,.smart_one_wz{font-size:45px;}

.index_one_desc{ font-size:20px;  color:#4c4c4c;}
/*宣传*/
.index_xc .swiper-pagination-bullet {
    background:none; 
	width:12px; 
	height:12px; 
	border:#fff solid 1px;
    opacity: 1;
}
.index_xc .swiper-pagination-bullet-active {
    background: #fff;
}
/*荣誉*/
.index-honor{padding:1.2rem 0 0;}
.index-about-desc{color:#545454; font-size:18px; margin:0.5rem 0 0.75rem;}
.index-honor-c .swiper-slide img,.about-honor-list .swiper-slide img{ width:100%;}
.about-honor-list{ padding-bottom:0.5rem;}
.index-honor-c .swiper-pagination-bullet {
    background: #e6e7e8;  
	border-radius:0; 
	width:60px; 
	height:5px;
    opacity: 1;
}
.index-honor-c .swiper-pagination-bullet-active{
    background: #000;
}
/*发展史*/
.index-history,.index-products{padding:1.2rem 0 1.4rem;}
.history-tit{ background:url(../images/hh.jpg) left center repeat-x; text-align:center; font-size:30px; font-family: "nanshen"; }
.history-tit span{ padding:0 20px; background:#FFFFFF;}
.history-desc{ width:70%; margin:0 auto; color:#545454; font-size:14px; line-height:1.4; padding-top:20px; }
/*图文*/
.index-tw-tit{font-size:40px; font-family:"HARMONYOS_MEDIUM"; padding:0.7rem  0; line-height:1.2; }
.index-tw .index-tw-item .tw-text,.index-tw .index-tw-item .tw-img{ width:50%;}
.index-tw .index-tw-item .tw-img img{ width:100%;}
.index-tw .index-tw-item .tw-text{padding:0 1.1rem;}
.index-tw .index-tw-item .tw-text .text-text{ width:100%;}
.index-tw .index-tw-item .tw-text .tw-text-tit{ font-size:30px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px; margin-bottom:20px;  position:relative;}
.index-tw .index-tw-item .tw-text .tw-text-tit:after{content: ""; background:#bd273a; width:54px; height:2px; position:absolute; left:0; top:100%;}
.index-tw .index-tw-item .tw-text .tw-text-con{ color:#545454; font-size:18px;}
.index-tw-list .index-tw-item:nth-child(2n){flex-flow: row-reverse wrap;}
.index-tw-list .index-tw-item:nth-child(2n) .tw-text{ text-align:right;}
.index-tw-list .index-tw-item:nth-child(2n) .tw-text-tit:after{left:calc(100% - 54px);}

/*首页产品*/
.pro_switch{text-align:center; margin-top:30px;}
.pro_switch li { 
    display:inline-block; 
	padding:0 15px;
	cursor:pointer; 
	font-size:18px; 
	padding-bottom:8px;
}
.pro_switch li a{ color:#6b6b6b;}
.pro_switch li.active a{ 
   text-decoration:underline; 
   color:#000000;
}
.pro_content .pro_w {
	display:none; 
}
.pro_content .pro_w.active {
	display:block;
}
.index-products .products-item{width:calc((100% - 90px) / 4); padding:30px 0; margin-top:30px; margin-right:30px; background:#e6e7e8;}
.index-products .products-item:nth-child(4n){ margin-right:0;}
.products-item-tit,.products-item-img{width:86%; margin:0 auto; text-align:center;}
.products-item-tit{font-size:16px; font-family:"HARMONYOS_MEDIUM"; margin-bottom:20px;}
.products-item-img img{ max-width:100%; margin:0 auto;}
.index-products-more{ text-align:center; padding-top:40px; }
.index-products-more a{text-decoration:underline; color:#cc3638; font-size:16px; }
/*案例*/
.index-project,.index-news{padding:1.2rem 0 1.4rem;}
.ht_switch{text-align:center; margin-top:10px;}
.index-project .ht_switch .hts_item{ 
    cursor:pointer; 
	font-size:18px; 
	padding-bottom:8px;
	color:#6b6b6b;
	width:120px; 
	text-align:center; 
	line-height:23px; 
	margin-top:20px; margin-right:40px;
	padding:0;
}
.index-project .ht_switch .hts_item:last-child{margin-right:0;}
.ht_switch .hts_item a{
	color:#6b6b6b;
}
.ht_switch .hts_item.active a{
	color:#000;
}
.ht_switch .hts_item div,.ht_switch .ht_items div {
	width:40px;
	height:35px;
	margin:0 auto;
	margin-bottom:6px;
}
.ht_switch .hts_item1 div {
	background:url(../images/Smart.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item2 div {
	background:url(../images/construction.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item3 div {
	background:url(../images/Hotel.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item4 div {
	background:url(../images/Rail.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item5 div {
	background:url(../images/Yiliao.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item1.active div {
	background:url(../images/Smart_hover.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item2.active div {
	background:url(../images/construction_hover.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item3.active div {
	background:url(../images/Hotel_hover.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item4.active div {
	background:url(../images/Rail_hover.png) center no-repeat;
	background-size:100% 100%
}
.ht_switch .hts_item5.active div {
	background:url(../images/Yiliao_hover.png) center no-repeat;
	background-size:100% 100%
}
.ht_content{ margin-top:30px;}
.ht_content .ht_w {
	display:none;
}
.ht_content .ht_w.active {
	display:block;
}
.index-project .swiper-slide figure {
    background:#FFFFFF; 
	margin:10px 0;
	cursor:pointer;
}
.index-project figure .pic{
    position:relative;
	overflow:hidden;
	width:100%;
}
.index-project figure img{
	width:100%; transition: all .6s ease 0s;
}
.index-project figure:hover img{
	transform: scale(1.2);
}
.case_wtext{ padding:15px 25px;}
.case_tit{
	font-size:20px; 
	color:#484848;
	line-height:1.5;
}
.case_wdesc{ 
    margin:7px 0;
	font-size:14px; 
	color:#7e7e7e; 
	height:42px; 
	line-height:1.3;
}
.case_wtext a{font-size:16px; padding-top:10px;}

/*首页新闻*/
.in-news{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-top:30px;}
.index-news .slider-for{width:60%;}
.index-news .slider-for img{ width:100%;}
.index-news .slider-nav{width:40%;  background:#e6e7e8;}
.index-news .slider-nav .in_new_con{ padding:0.5rem 0.75rem;}
.index-news .slider-nav .in_new_con .in_new_t{font-size:16px; font-family:"HARMONYOS_MEDIUM"; }
.index-news .slider-nav .in_new_con .in_new_s{ color:#545454; font-size:14px;}
.index-news .slider-nav .in_new_con .in_new_c{ color:#545454; font-size:14px; margin-top:20px; line-height:1.6}
.index-news .slider-nav .slick-prev,.index-news .slider-nav .slick-next
{
	top:calc(100% - 80px); 
	border:#343434 solid 1px;
	width:40px; 
	height:40px;   
	z-index:99;
    color:#000;
	display: block; 
	line-height:40px;
}
.index-news .slider-nav .slick-prev:hover,.index-news .slider-nav .slick-next:hover
{
	border:#bd273a solid 1px;
    color:#bd273a;
}
.index-news .slider-nav .slick-prev
{
  left:0.75rem;	
}
.index-news .slider-nav .slick-next
{
  left:calc(0.75rem + 50px);
}
.index-news .slider-nav .slick-prev:before,.index-news .slider-nav .slick-next:before {
	width: 20px; 
    height: 40px;
	opacity:1; 
	padding-left:10px;
	font-size:28px; 
    font-family: "iconfont";
    content: "\e630";    
}
.index-news .slider-nav .slick-next:before{
    font-family: "iconfont";
    content: "\e635"; 
	padding-left:6px;
}




/*网站底部*/
footer{ width:100%; background:#272727; padding:0.8rem 0 0;  color:#FFFFFF;}
.foot_copy{font-size:16px; line-height:30px; padding:18px 0;  background:#171717; color:#b3b3b3;}
.flink{ width:60%;}
.flink a{ margin-right:20px; color:#b3b3b3; font-size:14px;}
.foot_nav_tit{font-size:16px; line-height:1; margin-bottom:25px;}
.foot_nav_tit a{color:#FFFFFF;}
.foot_nav_list,.foot_nav_list a,.foot_contact,.foot_contact a{ color:#a5a5a5; display:block; line-height:36px; font-size:14px; }
.foot_nav_list a:hover,.foot_contact a:hover,.flink a:hover{color:#bd273a;}
.foot-list-nav{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shareus{display: -webkit-box; display: -webkit-flex; display: flex; justify-content:flex-end; flex-wrap: wrap; margin-top:20px;}
.shareus a,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ margin-left:10px;}
.shareus a span,.shareus .wechat,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ width:51px; height:52px; display:block;}
.shareus .wechat{background:url(../images/icon1.png) no-repeat; position:relative; cursor:pointer; }
.zhushou{background:url(../images/icon2.png) no-repeat;   position:relative; cursor:pointer;}
.shipin{background:url(../images/icon3.png) no-repeat;  position:relative; cursor:pointer;}
.weibo{background:url(../images/icon4.png?v=0.01) no-repeat;}
.xiaohongshu{background:url(../images/icon5.png) no-repeat;}
.douyin{background:url(../images/icon6.png) no-repeat;  position:relative; cursor:pointer;}
.shareus .wechat:hover .wechat_erweima,.shareus .zhushou:hover .wechat_erweima,.shareus .shipin:hover .wechat_erweima,.shareus .douyin:hover .wechat_erweima {
	display:block
}
.shareus .wechat_erweima{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:126px;
	height:126px;
	padding:2px;
	background-color:#fff;
	transform:translate(-39px, -140px);
	border-radius:4px;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .2);
}
.shareus .wechat_erweima img {
	width:100%;
	height:100%
}
.shareus .wechat_erweima::after {
content:'';
display:block;
position:absolute;
bottom:-8px;
left:50%;
transform:translateX(-50%);
width:0;
height:0;
border-right:8px solid transparent;
border-left:8px solid transparent;
border-top:8px solid #fff;
filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .2));
}
.shareus .wechat:hover{background:url(../images/icon1_hover.png) no-repeat; }
.shareus .zhushou:hover{background:url(../images/icon2_hover.png) no-repeat; }
.shareus .shipin:hover{background:url(../images/icon3_hover.png) no-repeat; }
.shareus a:hover .weibo{background:url(../images/icon4_hover.png?v=0.01) no-repeat; }
.shareus a:hover .xiaohongshu{background:url(../images/icon5_hover.png) no-repeat; }
.shareus .douyin:hover{background:url(../images/icon6_hover.png) no-repeat; }

/*智能家居*/
.video_text,.k-bus_text{ position:absolute; z-index:2; left:0; top:70px; height:calc(100% - 70px); width:100%; color:#fff;}
.k-bus_text{top:0; height:100%;}

.smart_video_title,.k-bus-title{ font-weight:normal; font-family:"HARMONYOS_MEDIUM"; font-size:56px; line-height:1; text-transform:uppercase;}
.k-bus-title{font-size:0.4rem;}
.smart_video_desc,.k-bus-banner-desc{ font-size:0.26rem;  line-height:1.4; margin-top:30px; }
.k-bus-banner-desc{width:50%; font-size:0.24rem;}
.pro-tit,.assurance-title,.system-tit,.strength_tit{ font-family:"HARMONYOS_MEDIUM"; font-size:30px;   }
.smart_two,.smart_section{padding:1.2rem 0 1.4rem;}
.smart_two-tit,.stacks-title,.culture-title,.scene-tit{font-size:40px;  font-family:"HARMONYOS_MEDIUM";}
.smart_two-img img,.smart_three .scene-img img,.interaction-list .interaction-item img,.smart_system img,.realization-item img{ width:100%;}
.smart_three .scene-img{ display:none;}
.smart_three .scene-img.active{ display:block;}
.scene_text,.system_text{position:absolute; z-index:2; left:0; top:0; height:100%; width:100%; padding:100px 0; color:#fff;/* background:#FF0000;*/}
.scene_text .w{height:100%;}
.scene-tit,.assurance-title,.stacks-title{ width:80%; margin:0 auto;}
.scene-item{ margin-right:45px; font-size:20px; position:relative; cursor:pointer;}
.scene-list .scene-item:last-child{margin-right:0;}
.scene-list .scene-item::before {
    position:absolute;
	content:'';
    top:100%;
    left:0;
    background:#ffffff; 
	height:3px; 
	width:100%;
}
.scene-list .scene-item.active::before {
    background: linear-gradient(90deg,#ff8f8f 0,#b73030 100%);
}
.interaction-desc{color:#555555; font-size:18px;}
.interaction-item{width: calc((100% - 60px) /3); margin-top:30px; margin-right:30px;}
.interaction-list .interaction-item:nth-child(3n){ margin-right:0;}
.interaction-item-tit{ position:absolute; left:10%; width:80%; top:12%; text-align:center; font-size:18px; font-family:"HARMONYOS_MEDIUM";}
.system_text{padding:0;}
.system_ban{ width:50%;}
.system-tit,.pro-tit{ text-align:left; line-height:1;}
.system-desc,.pro-desc{ font-size:18px; padding-top:40px; }
.system-link{margin-top:30px;}
.system-link a{ border:#cc3638 solid 1px; color:#cc3638; padding:5px 15px; font-size:16px; border-radius:5px; }
.system-link a:hover{ background:#cc3638; color:#fff; }
.ht_switch .ht_items{ 
	width: calc((100% - 90px) /4); 
	cursor:pointer; 
	font-size:18px; 
	padding-bottom:8px; 
	text-align:center;
	color:#6b6b6b; 
	margin-top:20px;
	margin-right:30px; 
}
.smart-project-item{width: calc((100% - 90px) /4); margin-top:30px; margin-right:30px; background:#FFFFFF;}
.smart-project-list  .smart-project-item:last-child,.ht_switch .ht_items:last-child{ margin-right:0;}
.smart-project-custom{ text-align:center; padding-top:50px;}
.smart-project-custom a{ background:#cc3638; color:#fff; padding:7px 20px 8px; font-size:18px; border-radius:5px; }
.smart-project-custom a:hover{background:#000;}
.service-list{ margin-top:20px;}
.service-list .service-item{ width:calc(100% /7); margin-top:30px;}
.service-list .service-item .service-img{ border:#000000 solid 1px; width:120px; height:120px; text-align:center; background:#FFFFFF; border-radius:120px; margin:0 auto; position:relative;}
.service-list .service-item .service-img::before {
    position:absolute;
	content:'';
    top:50%;
    left:100%; 
	background:url(../images/xu.png) repeat-x;
	height:1px; 
	width:200px;;
}
.service-list .service-item:last-child .service-img::before{ display:none;}
.service-list .service-item .service-tit{text-align:center; font-size:16px; font-family:"HARMONYOS_MEDIUM"; padding-top:20px;}
/*智能对讲*/
.realization-item{width: calc((100% - 90px) /4); margin-top:30px; margin-right:30px;}
.realization-list .realization-item:nth-child(4n){ margin-right:0;}
.case_sdesc{
	font-size:16px; 
	width:80%;
	margin:0 auto; 
	padding:15px 0; 
	color:#7e7e7e; 
	line-height:1.4;
}
.three_products img{ width:100%;}
.pro-tit{ line-height:1;}
.pro-ctit{ font-weight:bold; font-size:18px;  margin-top:20px;}
.pro-link{margin-top:30px;}
.solutions-more{ text-align:center;}
.pro-link a{ background:#bd273a; color:#fff; padding:5px 15px 8px; font-size:16px;  }
.pro-link a:hover{ background:#000; }
/*产品列表*/
.products_text{position:absolute; z-index:2; left:0; bottom:80px;  width:100%; }
.products_text .wrapper{text-align:center;}
a.products_link{border:#fff solid 1px; color:#fff; padding:5px 15px; font-size:18px; border-radius:5px; margin:0 auto; cursor:pointer;  }
a.products_link:hover{border:#cc3638 solid 1px; color:#cc3638;  }
.products_head{ background:#e6e7e8; padding:15px 0;}
.products_category a{ font-size:18px;  font-family:"HARMONYOS_MEDIUM"; margin-right:20px;   }
.products_category a.active,.products_category a:hover{ color:#cc3638;}
.search-c{ background:#FFFFFF; border-radius:15px; padding:0 15px; width:260px; }
.search-c .txt {
	width:calc(100% - 40px);
	color: #666;
	border:none;
	font-size:14px;
	height:40px;
 }
.search-c button {
	color:#bcbcbc; 
	background:none;
	width: 30px;
	border:none;
	height:40px;
	line-height:40px;
	text-align: center;
	display:block; 
	cursor:pointer;
}
.search-c button span {
	font-size:24px; 
}
.products_middle{ margin-top:40px;}
.products_slider{ width:300px;}
.products_slider .scategory-item{ border-bottom:#c8c8c8 solid 1px; line-height:56px; font-size:16px; font-family:"HARMONYOS_MEDIUM";}
.products_slider .scategory-item.active a,.products_slider .scategory-item:hover a{ color:#cc3638;}
.products_products{width:calc(100% - 302px);}
.products_products .products_list{border-top:#c8c8c8 solid 1px; border-left:#c8c8c8 solid 1px; }
.products_products .products_item{width:calc(100% /3); border-right:#c8c8c8 solid 1px; border-bottom:#c8c8c8 solid 1px; padding:25px 0; }
.products_products .products_item .products_pic,.products_products .products_item .products_tit{ width:90%; margin:0 auto;}
.products_products .products_item .products_pic img,.news-item .img img,.related-article-item .img img{ width:100%; transition: all .6s ease 0s;}
.products_products .products_item .products_pic:hover img,.news-item .img:hover img,.related-article-item .img:hover img{ transform: scale(1.2);}
.products_products .products_item .products_tit{ margin:15px auto; text-align:center; font-size:16px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4; }
.products_products .products_item  .hc_a{ width:86%; margin:0 auto; margin-top:20px;}
.products_products .products_item  .hc_a a {
    padding: 5px 18px;
    font-size: 16px;
    border: #CCCCCC solid 1px;
    color: #666;
    border-radius: 20px;
}
.products_products .products_item  .hc_a a:first-child { 
   margin-right:30px;
}

.products_products .products_item  .hc_a a:hover{
	background:#bd273a;
    color: #fff;
}
.pages {
	text-align:center;
	margin:80px 0;
}
.pages a {
	display:inline-block;
	width:45px;
	height:45px;
	border-radius:45px;
	margin-right:5px;
	line-height:45px;;
	color:#666;
	font-size:16px;
}
.pages a.info {
	width:auto;
}
.pages a.current, .pages a:hover {
	background:#cc3638;
	color:#FFFFFF;
}
.pages a.info:hover {
	color:#666;
	background:#FFFFFF;
}
.products_postion{background:#414141; padding:85px 0 15px; color: #bcbcbc;  font-size:16px;}
.products_postion a{color: #bcbcbc;  font-size:16px;}
.products_postion a:hover{color: #fff; }
.strength-one img,.strength_citem img,.products-current-img img{ width:100%;}
.strength {
	padding:1.2rem 0 0;
}
.strength_citem{margin-top:50px; background:#f4f4f4; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.strength .strength_citem:nth-child(2n+1){flex-flow: row-reverse wrap;}
.strength .strength_citem:nth-child(2n+1) .txt,.tu_winda{ text-align:right;}
.strength_citem .txt {
     padding: 1rem 5% 0.5rem 5%;
}
.strength_citem .pic img {
    width: 53px; display:inline;
}
.tu_wind_tit{ font-size:35px; font-family:"HARMONYOS_MEDIUM";}
.strength_citem .txt-tit,.wind_tit{
    font-size:20px; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; padding:10px 0;
}
.strength_citem .txt-txt,.wind_desc{
    font-size:14px;
}
.tu_wind{
	display:flex; 
	flex-wrap: wrap;  
    justify-content: flex-start;
	padding:0 50px; 
	margin-top:50px;
}
.tu_windb, .tu_winda {
	width:32%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.tu_windc {
    width: 32%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tu_wind .pic{
	width:100%; height:33px;
}
.tu_winda .pic img{ 
   float:right;  
}
.wind_text:nth-child(n+2) {
   margin-top:20px;
}
.products-parameter{margin-top:0.7rem; background:#e6e7e8; padding:1.2rem 0 1.4rem;}
.parameter-list{ width:80%; margin:0 auto; margin-top:0.5rem; }
.parameter-item{ font-size:16px; line-height:2; }
.products-detail{ margin-top:0.5rem;}
.products-pics{ width:500px;}
.products-info{ margin-left:50px; width:calc(100% - 550px);}
.products-current-img{ border:#adadad solid 1px; margin-bottom:20px;}
.products-img-item{border:#fff solid 1px; cursor:pointer; width:20%;}
.products-img-item.active{border:#cc3638 solid 1px;}
h1.products-info-tit{font-size:36px; font-family:"HARMONYOS_MEDIUM"; font-weight:normal; line-height:1.5; margin-bottom:20px; }
.products-info-con{ font-size:16px; margin-bottom:20px;}
.products-model{font-size:18px; margin-bottom:15px; line-height:40px; }
.products-model-tab{width:120px; }
.products-manual{width:120px;}
.products-manual span{ background:#cc3638; padding:7px 15px; color:#FFFFFF; border-radius:5px;  }
.down-manual a{ background:url(../images/down.png) center center no-repeat; width:50px; height:37px; display:block; border:#cc3638 solid 1px; border-radius:5px; cursor:pointer; margin-top:1px; }
.down-manual a:hover{ background:#cc3638 url(../images/down_hover.png) center center no-repeat; width:50px; height:37px; display:block; border:#cc3638 solid 1px; border-radius:5px; cursor:pointer; }
.products-material-list a,.products-color-list a{  border:#cc3638 solid 1px; padding:3px 6px; border-radius:5px; margin-right:15px; }
.products-material-list a:hover,.products-color-list a:hover,.products-material-list a.active,.products-color-list a.active{  border:#cc3638 solid 1px; background:#cc3638; color:#FFFFFF; }

.product-related{padding:1.2rem 0 1.4rem;}
.related-pic{ background:#e6e7e8; margin-bottom:15px;}
.related-pic img{width:100%;}
.related-ptit{ padding:0 20px; text-align:center; font-size:14px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4;}
/*关于我们*/
.about-section{padding:1.2rem 0 1.4rem;}
.about-asection{padding:1.4rem 0;}
.about-bsection{padding:1.2rem 0 0.5rem;}
.about-l{ width:370px; margin:0 60px;}
.about-r{ width:calc(100% - 610px);  margin:0 60px;}
.about-title{ border-bottom:#bd273a solid 2px; padding-bottom:20px;}
.about-title h1{font-size:0.48rem; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; font-weight:normal; margin-bottom:10px;}
.about-title span{font-size:18px; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; font-weight:normal;}
.about-r{font-size:16px;}
.hui .history-tit span{background:#e6e7e8;}
.about-honor-list{ margin-top:50px;}
.about-honor-list .swiper-pagination-bullet {
    background: #fff;  
	border-radius:0; 
	width:60px; 
	height:5px;
    opacity: 1;
}
.about-honor-list .swiper-pagination-bullet-active{
    background: #2c2c2c;
}
.culture-l,.assurance-item,.KNX-item-img,.KNX-item-text{width:calc((100% - 60px) /2);}
.KNX-item-text{ padding-top:0.5rem;}
.culture-title{ margin-top:20px;}
.culture-l img,.assurance-item-img img,.KNX-item-img img,.business-pic img,.future-item-img img{ width:100%;}
.culture-l .culture-item:nth-child(n+1){ margin-bottom:40px; line-height:1.6; }
.culture-item-t,.KNX-item-t{ font-size:24px; font-family:"HARMONYOS_MEDIUM"; }
.culture-item-c,.KNX-item-c,.assurance-desc{font-size:18px; }
.culture-item-c{ color:#181818;}
.assurance-item-t,.assurance-item-c{ width:90%; margin:0 auto; text-align:center;}
.assurance-item-t,.advantages-item-t{font-size:18px; font-family:"HARMONYOS_MEDIUM"; line-height:1.6; padding:20px 0; }
.assurance-item-t{font-size:24px;}

.stacks-item-t,.future-item-t{font-size:22px; font-family:"HARMONYOS_MEDIUM"; padding:20px 0;}
.future-item-t{ font-size:30px; }
.stacks-list{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.stacks-list .stacks-item{ width:20%; text-align:center;}

.assurance-con,.advantages-item-c{font-size:16px; line-height:2; }
.assurance-item-c,.future-item-c{font-size:18px;  line-height:2; }
.future-item-c{ color:#545454;}
.advantages-item-c{ color:#5d5d5d;}
.assurance-desc,.assurance-con,.stacks-item-img{text-align:center;}
.stacks-item-img img{ max-width:100%; margin:0 auto;}
.stacks-title{ line-height:1.2;}
.assurance-desc,.assurance-con{ width:70%; margin:0 auto; }
.assurance-desc{ margin:0.3rem auto 1rem; color:#6c6c6c;}
.assurance-con{color:#545454; margin-top:50px;}
.KNX-item-t{padding:20px 0;  font-size:24px;}
.KNX-list .KNX-item:nth-child(2n){
    flex-flow: row-reverse wrap; margin-top:50px;
}
.KNX-list .KNX-item:nth-child(2n) .KNX-item-text,.future-list .future-item:nth-child(2n) .future-item-text{ 
   text-align:right;
}
.business-tit{ padding-bottom:30px; font-size:0.36rem; font-family:"HARMONYOS_MEDIUM"; line-height:1.6; text-align:center; }
.future-list .future-item:nth-child(2n){
    flex-flow: row-reverse wrap; 
}
.future-item-img{width:calc(65% - 50px);}
.future-item-text{ width:35%; padding:1rem 0.5rem 0.25rem; background:#FFFFFF;}
.future-item{ margin-bottom:50px;}
.advantages-item{width:calc((100% - 50px) /2 ); margin-top:50px;}
.advantages-item-shu{ width:50px; font-family:"HARMONYOS_LIGHT"; font-size:36px; color:#aaaaaa; font-style:italic;}
.advantages-item-text{width:calc(100% - 50px);}
.lighting-item{ width:25%; text-align:center; margin-top:30px;}
.stacks-item-c{ width:80%; margin:0 auto; font-size:14px; color:#5a5a5a;} 

/*联系我们*/
.page-main{ padding:30px 0;}
#allmap{ margin:50px auto 80px;}
.contact-guestbook form{ padding-top:30px;}
.contact-address{ 
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}
.address-t{
     font-size:24px; line-height:26px; font-family:"HARMONYOS_MEDIUM"; padding-left:15px; border-left:#bd273a solid 3px; margin-bottom:20px;
}
.contact-address .introduction{
    font-size: 16px; color:#5b5b5b;
}
.book-item{ margin-bottom:25px;}
.book-item-l{width:calc((100% - 50px) /2 );}
.book-item-v{ width:140px;}
.book-item-v,.book-item-l,.book-item-c{background: #efefef; border-radius: 8px; padding:5px 15px;}


/*新闻资讯*/
.banner-category{ position:absolute; z-index:2; left:0; bottom:0; height:55px; width:100%;  background:rgba(0, 0, 0, .4);}
.app-solutions-text{position:absolute; z-index:2; left:0; bottom:0; padding:20px 0;   width:100%;  background:rgba(0, 0, 0, .4); display:none;}
.app-solutions-text .index-products-more{ padding-top:20px;}
.banner-category a{font-size:18px; line-height:55px; font-family:"HARMONYOS_MEDIUM"; margin-right:30px; color:#fff;}
.banner-category a.active,.banner-category a:hover{color:#bd273a;}

.banner-zcategory{height:75px; width:100%;  background:#efefef; padding-top:20px;}
.banner-zcategory a{font-size:18px; line-height:55px; font-family:"HARMONYOS_MEDIUM"; margin:0 25px 0 25px; }
.banner-zcategory a.active,.banner-category a:hover{border-bottom:#bd273a solid 2px;}

.tzlist{ padding:30px 0;}
.tzlist .tz-item{font-size:16px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4; padding:13px 30px; cursor:pointer;}
.tzlist .tz-item .tz_title{ width:40%;}
.tzlist .tz-item .tz_ctitle{ width:60%;}
.tzlist .tz-item:nth-child(odd){ background:#efefef;}
.tzlist .tz-item:hover{ color:#FF0000;}
.news-item{width:calc((100% - 60px) /3 ); margin-top:30px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, .4); margin-right:30px;}
.newslist .news-item:nth-child(3n){ margin-right:0;}
.news-item .text{ padding:25px;}
.news-item .title{font-size:20px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4;}
.news-item .body{ margin-top:20px; font-size:16px; color:#343434;}
.article-back a{ background:#cc3638; color:#fff; padding:7px 15px; font-size:16px; border-radius:5px;  }
.article-back a:hover{ background:#000;  }
.article-title{font-size:30px;  font-family:"HARMONYOS_MEDIUM"; line-height:1; font-weight:normal;}
.article-time{
    margin: 10px 0 20px 0;
    line-height: 30px;
    font-size: 14px;
    color: #999; 
	font-weight:normal;
}
.article-detail{
    line-height: 30px;
    font-size: 16px;
}
.article-detail img{ max-width:100%;}
.article-back{
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dadada;
}
.article-pages { 
    margin-top:10px;
    line-height: 30px;
	font-size: 16px;
}
.article-pages a { 
   display:block;  
   font-size: 16px;
}
.article-r h2 {
    line-height: 30px;
    font-size: 18px;
}
.related-article-item{
    margin-top: 30px;
}
.related-article-item .time {
    margin-top: 9px;
    color: #999;
}
.related-article-item .title {
    line-height: 25px;
    font-size: 16px;
}
.article-r{ width:300px;}
.article-l{width:calc(100% - 350px); padding-right: 50px; border-right: 1px solid #d7d7d7;}
.article-article{ padding:20px 0 50px;}

.solution-desc{ text-align:center; font-size:18px; width:80%; margin:0 auto;}
.solution_banner_title{ font-family:"HARMONYOS_MEDIUM"; font-size:45px; line-height:1; color:#000000; text-transform:uppercase; font-weight:normal;}


.signup{ background:#bd273a; text-align:center; width:100%; line-height:50px; color:#FFFFFF; font-size:22px; margin:20px 0; display:block;}
.signup:hover{background:#000; color:#FFFFFF; }
.training h2{ position:relative; font-size:22px; line-height:40px; font-weight:normal;}
.training h2:before,.training  h2:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    position: absolute;
    z-index: 999;
    top: 42px;
    left: 0;
    background: #bd273a;
}
.training  h2:after {
    left: 22px;
}
.training-cate{ padding-top:20px;}
.training-cate a{ font-family:"HARMONYOS_MEDIUM"; font-size:16px; line-height:1; padding-bottom:15px;  display:block;}
.training h3 {
    line-height: 24px;
    font-size: 12px;
    color: #666; 
	padding-top:6px; 
	font-weight:normal;
}
.training .tsearch{ margin-top:25px;}
.training .searchText {
    width:calc(100% - 45px);;
    height: 45px;
    line-height: 43px;
    border: 1px solid #f4f4f4;
    border-right: 0;
    background: none;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
}
.training .searchBtn{ width:45px; height: 45px; background: #bd273a; text-align:center; border:none; cursor:pointer;}
.training .searchBtn:hover{background:#000;}
.training .searchBtn .fa{color:#fff;}

.signup-title{
     font-size:24px; line-height:26px; font-family:"HARMONYOS_MEDIUM"; padding-left:15px; border-left:#bd273a solid 3px; margin-bottom:20px; font-weight:normal;
}
.signupForm h3{font-size:18px; margin-bottom:30px; font-weight:normal;}
.signupForm h4{font-size:18px; color:#868383; margin-bottom:10px; font-weight:normal;}
.signupForm li{ margin-bottom:25px;}
.signupForm .wbk{
	width:100%; background:#efefef; border-radius:5px; border:none; border: 1px solid #efefef;
}
.signupForm .ib-item{ 
   margin-right:30px;
   font-size:18px;  color:#868383;  
}
.signup-main{ padding:70px 0;}

.signupForm .wbk{line-height:36px; padding:5px 12px; height:46px;}
.signupForm .wbk2{width: 100px;}
.signupForm #vercodeimg{ margin-left:10px;}
.signupForm input.wbk:focus {
	outline: none !important;
	border: 1px solid #004190;
}
.signupForm .btn{background:#bd273a;
	color:#FFFFFF; 
	display:block;
	padding:7px 0;
	line-height:30px; 
	letter-spacing:1px;  
	font-size:16px;    
	border-radius:5px;
	border:none;
	cursor:pointer; width:160px;}
.signupForm .btn:hover{
	background:#fb6264;
}
.page-main .classname {
    margin-bottom: 20px;
    line-height: 50px; 
	font-weight:normal;
    border-bottom: 1px solid #d2d2d2; 
	font-family:"HARMONYOS_MEDIUM";
    margin-bottom: 20px;
    font-size: 22px;
    text-indent: 10px;
}
.article-l .zsearch {
    line-height: 200%;
    font-size: 16px;
}
.article-l .noResult {
    line-height: 200%; 
	padding:50px 0; 
	color:#FF0000; 
	font-weight:bold; 
	text-align:center;
    font-size: 20px;
}
.app .swiper-slide {
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transform: scale(.9);
    margin-top: 50px;
    margin-bottom: 70px;
}
.app  .swiper-slide-active, .app  .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1002;
    top:0px;
}
.app  .swiper-slide-active .app-solutions-text{ display:block;}


.app-solutions-con{ font-size:16px; color:#fff;}
.article-detail span img{ display:inline;}
.arc-item{ font-size:18px; line-height:45px; border-bottom:#CCCCCC dashed 1px;}
.strength .swiper-button-next,.strength .swiper-button-prev{top: calc(50% + 40px);}

.px-tech .px-tech-item,.px-icon .px-ico-item{ width:33.3%; padding: 0 20px; margin-top:30px; text-align:center;}
.px-tech-tit,.px-ico-tit{ font-weight:bold; padding-top:15px;}
.px-tech-pic img,.px-ico-pic img{ margin:0 auto;}
.px-one-pic{ width:180px;}
.px-one-text{ width:calc(100% - 210px); margin-left:30px;}


/*医护对讲*/
.yihu-tw .yihu-tw-item{ background:#e8f4ff;}
.yihu-tw .yihu-tw-item .tw-text,.yihu-tw .yihu-tw-item .tw-img{ width:50%;}
.yihu-tw .yihu-tw-item .tw-img img{ width:100%;}
.yihu-tw .yihu-tw-item .tw-text{padding:0 1.1rem;}
.yihu-tw .yihu-tw-item .tw-text .text-text{ width:100%;}
.yihu-tw .yihu-tw-item .tw-text .tw-text-tit{ font-size:30px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px; margin-bottom:20px;  position:relative;}
.yihu-tw .yihu-tw-item .tw-text .tw-text-con{ color:#545454; font-size:18px;}
.yihu-tw .yihu-tw-item.two .w{flex-flow: row-reverse wrap;}

.yihu-scene{padding: 0.7rem 0 0.7rem;}
.yihu-scene-tit{ text-align:center; font-size:30px; line-height:1;}
.yihu-scene-tit span{ position:relative;}
.yihu-scene-tit span:before,.yihu-scene-tit span:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    z-index: 999;
    top: 50%; 
	margin-top:-3.5px;
	border-radius:7px;
    background: #000;
}
.yihu-scene-tit span:before{ left:-15px;}
.yihu-scene-tit span:after { right:-15px;}
.yihu-scene-item{ background:#e6e7e8; margin-bottom:30px;}
.yihu-scene-item .scene-text,.yihu-scene-item .scene-img{ width:50%;}
.yihu-scene-item .scene-img img{ width:100%;}
.yihu-scene-item .scene-text{padding:0 1.1rem;}
.yihu-scene-item .scene-text .text-text{ width:100%;}
.yihu-scene-item .scene-text .scene-text-tit{ font-size:20px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px;   position:relative;}
.yihu-scene-item .scene-text .scene-text-tit a{ color:#146bab;}
.yihu-scene-item .scene-text .scene-text-tit a:hover{ color:#bd273a;}
.yihu-scene-item .scene-text .scene-text-con{ color:#545454; font-size:16px;}
.yihu-scene-item .scene-text .scene-text-con li{ background:url(../images/dian.png) left center no-repeat; padding-left:10px; }
.yihu-scene .yihu-scene-item:nth-child(2n){flex-flow: row-reverse wrap;}
.yihu-scene .yihu-scene-item:last-child{margin-bottom:0;}


.nav_box {
    background: #414141;
    width: 100%;
    position: absolute;
    top: 60px; 
	z-index:1002;
    display: none;
	height:100vh;
    overflow:auto;
    padding-bottom: 180px;
	animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;
}
.nav_box.nav_show {
    display:block;
}
.nav_search {
    width: 92%;
    background: #2c2c2c;
    border-radius: 6px;
    color: #FFFFFF;
    padding: 10px 15px 15px 15px;
    margin: 20px auto 0;
}
.nav_search  .search_ip {
    color: #999999;
    border: 1px solid #e4eaec;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 6px 15px;
}
.nav_search .search_sbtn{
    right: 15px;  
	background: none;
	border-radius: 0 20px 20px 0;
	top: 0;
    position: absolute;
	height: 100%;
    padding: 0 15px;
    border: none;
    cursor: pointer
}
.nav_search .search_sbtn .icon {
    font-weight: 300;
    color: #999999;
}
.head-nav{
	margin:0px auto;
	width:92%;
}
.head-nav .nav_item .title{
	line-height:60px;
	position:relative;
	border-bottom:1px solid #dfdbdb;
}
.head-nav .nav_item .title, .head-nav .nav_item .title a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:normal;
}
.head-nav .nav_item .link-list{
	padding:10px 15px 0px;
	display:none; animation: fadeIn 1s;-moz-animation: fadeIn 1s;-webkit-animation: fadeIn 1s;-o-animation: fadeIn 1s;
}
.head-nav .nav_item .link-list.active{
	display:block 
}
.head-nav .nav_item .link-list a{
	display:block;
	padding-left:20px;
	line-height:36px;
	color:#FFFFFF;
	font-size:14px;
}
.head-nav .nav_item .link-list a.s-class{
	padding-left:40px;
}
.jtt {
	position: absolute;
	top: 25px;
	right: 5px; 
	font-size:20px;
    transition: transform .5s;
}
.head-nav .nav_item.open .jtt{
	transform: rotate(180deg);
}
.foot_menu{ display:none;}

@media (max-width: 1400px) {
  .wrapper,.w{width:94%;}
  .w_w{
	width:100%; 
  }
}
@media (max-width: 1300px) {
  header{height:60px; }
  header section{height:60px;}
 .indexbanner{padding-top:60px;}
  nav.showPc{ display:none;}
  .m-navbth {
    position: relative;
    display:block;
    width: 24px;
    height: 25px; 
    margin-top:18px;
   }
 .m-navbth a {
 display:block;
 width: 24px;
 height: 25px;
 position:relative;
}
.m-navbth span {
 display:block;
 width:24px;
 height:2px;
 background:#fff;
 transition:transform .5s ease
}
.m-navbth .menu_top {
 position:absolute;
 top:2px;
 right:0
}
.m-navbth .menu_mid {
 position:absolute;
 top:9px;
 right:0;
 opacity:1
}
.m-navbth .menu_bot {
 position:absolute;
 top:16px;
 right:0
}
.m-navbth span.menu_top_r {
 transform:rotateZ(-45deg);
 transform-origin:center
}
.m-navbth .menu_mid_r {
 opacity:0
}
.m-navbth .menu_bot_r {
 transform:rotateZ(45deg);
 transform-origin:center
} 
.m-lan{ margin-top:20px;}
.m-lan a:first-child{ margin-right:20px;}
.m-lan a{ color:#FFFFFF;}
}
@media (max-width: 1200px) {
 .w1200{width:92%;}
 .foot-list-nav{ display:none;}
 .foot_menu{ display:block;}
 .foot_menu .f_menu_box {
padding-bottom:.7rem
}
.foot_menu .f_menu_box>li.f_menu {
 width:100%; 
 border-bottom:1px solid #414141;
}
.foot_menu .f_menu_box>li>a {
 padding:0 .14rem 0 .1rem; 
 color:#b3b3b3;
 display:block;
 height:0.8rem;
 line-height:0.8rem;
 font-size:.24rem;
 position:relative;
}
.foot_menu .f_menu_box>li>a>span { 
  font-size:.22rem;
  transition:.5s;
  transform:rotate(-45deg);
}
.foot_menu .f_menu_box>li>a>span.active {
 transform:rotate(0);
 font-size:.22rem;
 opacity:1
}
.foot_menu .f_menu_box .f_sub_menu {
 margin:0;
 padding-bottom:.2rem;
 display:none
}
.foot_menu .f_menu_box .f_sub_menu>li {
height:.6rem;
line-height:.6rem
}
.foot_menu .f_menu_box .f_sub_menu>li a {
font-size:.22rem;
color:#b3b3b3;
display:block;
padding-left:.40rem
}
.foot_menu .f_menu_box>li .foot_nav_mtit{  height:0.8rem;
 line-height:0.8rem;
 font-size:.24rem; color:#b3b3b3}
.foot_menu .f_menu_box>li .foot_mcontact{
 line-height:0.4rem;
 font-size:.22rem; color:#b3b3b3;} 
 .foot_menu .f_menu_box>li .foot_mcontact a{
   color:#b3b3b3;} 
 .foot_menu .f_menu_box li  a:hover{
   color:#bd273a;} 
 .smart-project-item {
    width: calc((100% - 60px) /3);
 }  
 .service-list .service-item {
    width: calc(100% /4);
 }
 .service-list .service-item:nth-child(4) .service-img::before,.pro-desc{ display:none;}

 .scene-item {
    font-size: 24px;
 }
 .products_slider{ display:none;}
 .products_products,.index-news .slider-for,.index-news .slider-nav{ width:100%;}
 .index-news .slider-for,.index-news .slider-nav{ overflow:hidden;}
 .future-item-img, .future-item-text{ width:100%;}
 .future-item-t{ margin-top:0;}
 .future-list .future-item:nth-child(2n) .future-item-text{ text-align:left;}
 .future-item-text{padding:0.3rem 0.5rem 0.5rem;}
 .pc{ display:none;}
 .hidden-m{ display:block;}
 .pro_select {
    width: 100%;
    position: fixed;
    top: 60px;
    z-index: 100;
 }
 .pro_select .ps_header {
    height: 0.8rem;
    background-color: #fff;
    border-bottom: #e0e0e0 1px solid;
    position: relative;
    line-height: 0.8rem;
    padding: 0 0.3rem;
    font-size: .24rem;
    color: #7c7c7c;
}
.pro_select .ps_header span {
    font-size: .3rem; 
	width:30px; color: #7c7c7c;
    transition: .2s all ease;
}
.pro_select .ps_header span.active {
 transform:rotateZ(180deg)
}
.pro_select .ps_catelog {
    position: absolute;
    box-sizing: border-box;
    padding: 0 0.3rem;
    width: 100%;
    background-color: #f6f6f6;
    display: none;
    z-index: 100;
}
.pro_select .ps_catelog .pro_citem{
    height: 0.8rem;
    line-height: .8rem;
    border-bottom: #dbdbdb 1px solid;
}
.pro_select .ps_catelog .pro_citem a {
 display:block;
 height:100%;
 width:100%;
 line-height:.8rem;
 font-size:.22rem;
 color:#7c7c7c
}
.pro_select .ps_catelog .pro_citem a.current {
 color:#FF0000
}
.pro_select .ps_catelog .pro_citem:last-child {
 border:none
}
.ps_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #000;
    opacity: .7;
    display: none;
}
.index-news .slider-nav .in_new_con{ padding:0.5rem 0.5rem 90px 0.5rem;}
.index-news .slider-nav .slick-prev
{
  left:0.5rem ;	
}
.index-news .slider-nav .slick-next
{
  left:calc(0.5rem + 50px);
}
}
@media (max-width: 1050px) {
 .system_ban{ width:50%;  padding:15px 0;}
 .about-l,.about-r{ width:100%; margin:0;}
 .article-detail img{max-width: 100% !important;
    height: auto !important;}
 .app .swiper-slide {
    -webkit-transform: scale(1);
    margin-top: 0;
    margin-bottom: 0;
 }
 .app  .swiper-slide-active, .app  .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    top:0px;
}
.culture-l,.about-r,.article-r,.products-info{ padding-top:30px;}
.culture-l,.culture-l,.article-l,.article-r,.products-pics,.products-info,.parameter-list{ width:100%;}
.article-l{ border-right:none; padding-right:0;}
.related-article-item{ width:48%;}
.products-info{margin-left:0;}
.strength_citem .w5{width:100%;}
.strength .strength_citem:nth-child(2n+1) .txt,.tu_winda{ text-align:left;}
.strength_citem .txt {
     padding:0.5rem;
}

}
@media (max-width: 980px) {
.yihu-tw .yihu-tw-item .tw-text,.yihu-tw .yihu-tw-item .tw-img,.yihu-scene-item .scene-text, .yihu-scene-item .scene-img{ width:100%;}
.yihu-tw .yihu-tw-item .tw-text,.yihu-scene-item .scene-text {
    padding:0 20px 30px;
}
.yihu-scene-item .scene-text { padding-top:30px;}

}
@media (max-width: 930px) {
 .assurance-item,.KNX-item-img,.KNX-item-text,.w80{ width:100%;}
 .KNX-list .KNX-item:nth-child(2n) .KNX-item-text{ text-align:left;}
 .assurance-item{ margin-bottom:30px;}
 .assurance-item:last-child{ margin-bottom:0;}
 .system-desc{ display:none;}
}
@media (max-width: 860px) {
  .index-tw .index-tw-item .tw-text, .index-tw .index-tw-item .tw-img,.foot_copy,.flink{ width:100%;}
  .flink a{ margin-left:0; margin-right:20px;}
  .index-tw .index-tw-item .tw-text{ padding:30px 40px;}
  .index-tw-list .index-tw-item:nth-child(2n) .tw-text{ text-align:left;}
  .index-tw-list .index-tw-item:nth-child(2n) .tw-text-tit:after{left:0;}
  .index-news .slider-nav .slick-prev,.index-news .slider-nav .slick-next
   {
	width:30px; 
	height:30px;   
	line-height:30px;
   }
   .index-news .slider-nav .slick-prev:before,.index-news .slider-nav .slick-next:before {
    width: 20px; padding-left:7px;
    height: 30px;
	font-size:22px; 	 
   }
   .index-news .slider-nav .slick-next:before {
     padding-left:4px;
 	 
   }
.index-news .slider-nav .slick-next
{
  left:80px;
}
.interaction-item,.realization-item,.news-item{width: calc((100% - 30px) /2);}
.lighting-item {
    width: 50%;
}
.interaction-list .interaction-item:nth-child(3n),.newslist .news-item:nth-child(3n){ margin-right:30px;}
.interaction-list .interaction-item:nth-child(2n),.realization-list .realization-item:nth-child(2n),.newslist .news-item:nth-child(2n){ margin-right:0;}
.system-desc, .pro-desc{ padding:20px 0;}
.about-honor-list .swiper-pagination-bullet {
    background: #fff;  
	border-radius:0; 
	width:30px; 
	height:5px;
    opacity: 1;
}
.about-honor-list .swiper-pagination-bullet-active {
    background: #2c2c2c;
}
}
@media (max-width: 780px) {
   .index-products .products-item{width:calc((100% - 30px) / 2);}
   .index-products .products-item:nth-child(2n){ margin-right:0;}  
   .index-honor-c .swiper-pagination-bullet {
	  width:30px; 
   }
   .smart_video_title, .k-bus-title{font-size: 0.5rem; line-height:1.2;}
   .index_one_title, .index-about-tit, .index-history-tit, .index-products-tit, .index-project-tit,.smart_two-tit, .stacks-title, .culture-title,.index-tw-tit {font-size: 0.4rem; line-height:1.2;}
   .index-tw .index-tw-item .tw-text .tw-text-tit,.smart_one_wz, .scene-tit, .pro-tit, .assurance-title, .system-tit, .strength_tit {font-size: 0.3rem; line-height:1.2;}
   .history-tit {
    font-size: 40px;
   }
   .index_one_img{ padding:50px 0;}
   .index_one_title{ line-height:1.2; padding-bottom:10px;}
   .index_one_desc{font-size: 0.24rem;}
   
   .ht_switch .ht_items{ width:32%;  margin-right:2%;}
   .smart-project-item {
    width:100%; margin-right:0;
   } 
   .system-tit{ margin-bottom:30px;}
   .assurance-desc, .assurance-con, .stacks-title,.advantages-item,.k-bus-banner-desc,.book-item-l,.tu_winda,.tu_windc,.tu_windb{ width:100%;}
   .tu_wind{
	padding:0; 
    }
	.tu_winda{ text-align:left;}
	.tu_winda .pic img{ float:none;}
	.tu_windc{ padding:30px 0;}
   .book-item .book-item-l:last-child{ margin-top:20px;}
   .products_products .products_item{width:calc(100% /2); }
   .parameter-item{ margin-bottom:30px;  width:100%;}
   .parameter-item:last-child{margin-bottom:0;}
   
   .px-tech .px-tech-item,.px-icon .px-ico-item{ width:50%;}
  
}
@media (max-width: 640px) {
  .index-project .ht_switch .hts_item {
    width: 50%;
    margin-right:0px;
   }
   .solutions-more{ margin-top:0;}
   .pro-ctit,.app-solutions-con{ display:none;}
   .px-one-pic{ width:100%;}
   .px-one-text{width:100%; margin-left:0; margin-top:30px;}
}
@media (max-width: 600px) {
   .index-products .products-item,.products_products .products_item,.news-item{width:100%; margin-right:0;}
   .stacks-list .stacks-item{width:100%;}
   .newslist .news-item:nth-child(3n){ margin-right:0;}
   .scene_text .scene-tit{ height:0; overflow:hidden;}
   .scene_text{ padding:30px 0;}
   .scene-item {
    font-size: 18px; margin-right:15px;
    }
	.interaction-item{width:100%; margin-right:0;}
	.interaction-list .interaction-item:nth-child(3n){margin-right:0;}
	.w80{ width:100%;}
}
@media (max-width: 480px) {
   .shareus a span,.shareus .wechat,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ width:40px; height:41px;}
   .shareus .wechat,.zhushou,.shipin,.weibo,.xiaohongshu,.douyin{ background-size:40px 41px;}
   .shareus .wechat:hover,.shareus zhushou:hover,.shareus shipin:hover,.shareus a:hover .weibo,.shareus a:hover .xiaohongshu,.shareus douyin:hover{ background-size:40px 41px;}
   .service-list .service-item {
    width: calc(100% /4);
    }
	.pro-link a,.system-link a,.scene-item{ font-size:12px;}
	.related-article-item{width:100%;}
    .pro-tit,.yihu-scene-tit,.KNX-item-t,.stacks-item-t,.assurance-item-t,.business-tit{font-size:20px;}
	.yihu-scene-item .scene-text .scene-text-con{font-size:14px;}
	.yihu-tw .yihu-tw-item .tw-text .tw-text-tit,.future-item-t{ font-size:24px;}
	.solution_banner_title{ font-size:30px;}
	.system-tit{ font-size:18px;}
   .service-list .service-item .service-img::before{ width:50px; } 
   .ht_switch.flexJc{justify-content: flex-start;}
   .ht_switch .ht_items{margin-right:0;}
   footer{ padding-bottom:0.9rem;}
   .history-desc{ text-align:center}
   .index_one_title,.smart_one_wz{ font-size:24px;}
   .index_one_desc,.smart_video_desc, .k-bus-banner-desc,.interaction-desc,.service-list .service-item .service-tit,.index-about-desc,.index-tw .index-tw-item .tw-text .tw-text-con,.KNX-item-c{ font-size:16px;}
   .pro_switch li { 
    width:47%; 
	padding:0; 
	padding-bottom: 8px;
    font-size: 12px;
   }
   .index-project .ht_switch .hts_item,.ht_switch .ht_items {
     font-size: 12px;
	 width: 25%;
   }
   .ht_switch .hts_item div, .ht_switch .ht_items div { width:20px; height:18px; background-size: 20px 18px;}
   .swiper-button-next, .swiper-button-prev {
    width: 10px;
    height: 16px;
    margin-top: -8px;
    background-size: 10px 16px;
  }
  .smart_video_title,.k-bus-title{
    font-size: 30px;
  }
 .index-history-tit ,.smart_two-tit, .stacks-title, .culture-title,.index-products-tit,.index-project-tit,.index-tw-tit,.index-about-tit{
    font-size: 30px;
  }

  
  .service-list .service-item .service-img{
    width: 60px; 
	height:60px;
    border-radius: 60px;
  }
  .service-list .service-item .service-img img{
    width: 60%;
  }
  .assurance-desc,.yihu-tw .yihu-tw-item .tw-text .tw-text-con,.assurance-item-c,.culture-item-c,.future-item-c,.solution-desc{font-size: 16px;}
  .app .pro_switch li {
    width: 30%; 
  }
  .app_content{ padding-top:10px;}
  .tu_wind_tit{font-size: 28px;}
}